<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>Title</title>
    </head>
    <body>
        <!--
            布局标签(结构化)
        -->

        <!--
            header 表示网页的头部
            main 表示网页的主体部分(每个页面中只会有一个main)
            footer 表示网页的底部
            nav 表示网页中的导航
            aside  和主体相关的其他内容 (侧边栏)
            article 表示一个独立的文章

            section 表示一个独立的区块，上边的标签都不能表示时使用

            div 没有语义，就用来表示一个区块，目前来讲div还是主要的布局标签
            div可以代替上面的所有标签

             span是一个行内元素，也是没有任何语义，一般用于在网页中选中文字
                    -->
        <header></header>
        <main></main>
        <footer></footer>
        <nav></nav>
        <aside></aside>

        <section></section>

        <div></div>

        <span></span>

    </body>
</html>